﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
	    <meta http-equiv="content-type" content="text/html; charset=utf-8">
		<style type="text/css">
		    div {display: block}
	    #main_page {
            width: 950px;
            margin-left: auto;
            margin-right: auto;
            -moz-box-shadow: 2px 2px 10px #909090;
            -webkit-box-shadow: 2px 2px 10px #909090;
            box-shadow: 2px 2px 10px #909090;
            border: 1px solid #CCCCCC;
            }
	    #header {
            border-top: 1px solid #ACBEDF;
            color: #000040;
            font-family: '微软雅黑',arial,sans-serif,Franklin Gothic Heavy;
            font-size: 18px;
            }
	    #header h1{
            margin-left: 20px;
            margin-bottom: 20px;
            }
            
            #summary {
            border: 1px solid #a9c2d8;
            width: 900px;
            margin-left: 20px;
            }
            
            #summary p {
            margin-left: 10px;
            font-family: '微软雅黑',arial,sans-serif,Franklin Gothic Heavy;
            font-size: 12px;
            }
            
            #count {
            border: 1px solid #a9c2d8;
            width: 900px;
            margin-left: 20px;
            }
            
            #count p {
            margin-left: 10px;
            font-family: '微软雅黑',arial,sans-serif,Franklin Gothic Heavy;
            font-size: 12px;
            }
            
            table {
            table-layout: auto;
            }
            
            #report_table {
            margin-left: 20px;
            }
            
            #result_table {
            font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
            font-size: 11px;
            text-align: left;
            border-collapse: collapse;
            width: 900px;
            }

            #table_head {
            width: 900px;
            }
            #table_head  table {
            border-collapse: collapse;
            }
            #table_head table td {
            word-wrap:break-word; 
            overflow:hidden;
            }
            #table_head table th {
            font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
            font-weight: normal;
            font-size: 12px;
            background: #B9C9FE;
            border-bottom: 1px solid white;
            border-right: 1px solid white;
            color: #003399;
            padding: 8px;
            text-align: center; 
            }

            #result_table th {
            font-weight: normal;
            font-size: 12px;
            background: #B9C9FE;
            border-top: 2px solid #AABCFE;
            border-bottom: 1px solid white;
            border-right: 1px solid white;
            color: #003399;
            padding: 8px;
            text-align: center; 
            }
 
            #result_table td {
            font-weight: normal;
            font-size: 10px;
            background: #E8EDFF;
            border-top: 1px solid transparent;
            border-bottom: 1px solid white;
            border-right: 1px solid white;
            color: #666699;
            padding: 8px;
            }

            #result_table tr:hover td{
            background: #D0DAFD;
            color: #333399;
            }
            
            .failed_line td{
            background: #ffe5e5 !important;
            }
            
            .failed_line:hover td{
            background: #FFD8D8 !important;
            }
            
            .wrap_block {
            white-space:nowrap;
            overflow: hidden;
            }

            .wrap_block:hover {
            white-space:pre-wrap;
            word-wrap: break-word;
            overflow: visible;
            background: #D0DAFD;
            }
            
            .traceback {
            display: scroll;
            }
		</style>
	</head>
	<body id="main_page">
	    <div id="header">
		    <h1>测试报告</h1>
		</div>
		<div id="summary">
			<p>本测试开始于{{start_time}}&nbsp;&nbsp;&nbsp;&nbsp;用时{{time_comsum}}s</p>
		</div>
		<div id="report_panel">
			<div style="height: 20px"></div>
			<div id="report_table">
				<div id="mask" style="width: 900px; height: 3px; background-color: white;" class="al"></div>
				<div id="table_head" class="al">
				</div>
				
				<div id="tables">
					<table id="result_table" summary="Display test results">
						<tbody>
							<tr>
								<th class="id">ID</th>
								<th class="name">Name</th>
								<th class="start_time">Start Time</th>
								<th class="end_time">End Time</th>
								<th class="result">Result</th>
								<th class="traceback">Traceback</th>
							</tr>
							{{replace}}
						</tbody>
					</table>
				</div>
			</div>
			<div style="height: 10px"></div>
			<div id="count">
			    <p>RUN: {{total}}&nbsp;&nbsp;&nbsp;&nbsp;PASSED: {{passed}}&nbsp;&nbsp;&nbsp;&nbsp;FAILED: {{failed}}</p>
		    </div>
			<div style="height: 20px"></div>
		</div>
	</body>
</html>
